<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品评论</title>
    <link rel="stylesheet" href="/css/goods/goods-examine.css">
    <link rel="stylesheet" href="/layui/css/layui.css">
    <script src="/layui/layui.js"></script>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <script src="/vue/vue-2.6.12.js"></script>
    <link rel="stylesheet" href="/css/elem-quote.css">
    <link rel="stylesheet" href="/css/comment/comment-get.css">
    <script src="/js/comment/comment-goods-get.js"></script>

</head>
<body>
<div id="app">
    <form class="layui-form">
        <table border="1" class="layui-table">
            <thead>
            <tr>
                <th colspan="6">
                    <h1>商品详情</h1>
                </th>
            </tr>
            </thead>
            <tbody>
            <tr class="table-tbody-tr">
                <td>
                    <p class="table-tr-td-label">商品名称</p>
                </td>
                <td>
                    <p class="table-tr-td-p" id="productName">商品信息</p>
                </td>
                <td>
                    <p class="table-tr-td-label">上架时间</p>
                </td>
                <td>
                    <p class="table-tr-td-p" id="createDate">商品信息</p>
                </td>
                <td>
                    <p class="table-tr-td-label">商家</p>
                </td>
                <td>
                    <p class="table-tr-td-p" id="createName">商品信息</p>
                </td>
            </tr>
            <tr class="table-tbody-tr">
                <td>
                    <p class="table-tr-td-label">商品售价</p>
                </td>
                <td>
                    <p class="table-tr-td-p" id="currentpriceProduct">商品信息</p>
                </td>
                <td>
                    <p class="table-tr-td-label">搜索关键字</p>
                </td>
                <td>
                    <p class="table-tr-td-p" id="searchKeywords">商品信息</p>
                </td>
                <td>
                    <p class="table-tr-td-label">商品分类</p>
                </td>
                <td>
                    <p class="table-tr-td-p" id="title">商品信息</p>
                </td>
            </tr>
            <tr class="table-tbody-tr">
                <td>
                    <p class="table-tr-td-label">课程点击量</p>
                </td>
                <td>
                    <p class="table-tr-td-p" id="hits">商品信息</p>
                </td>
                <td>
                    <p class="table-tr-td-label">商品标签</p>
                </td>
                <td>
                    <p class="table-tr-td-p" id="productLabel">商品信息</p>
                </td>
                <td>
                    <p class="table-tr-td-label">课程销售量</p>
                </td>
                <td>
                    <p class="table-tr-td-p" id="saleNum">商品信息</p>
                </td>
            </tr>
            <tr class="table-tbody-tr">
                <td>
                    <p class="table-tr-td-label">商品推荐</p>
                </td>
                <td>
                    <p class="table-tr-td-p" id="recommend">商品信息</p>
                </td>
                <td>
                    <p class="table-tr-td-label">优惠券是否可用</p>
                </td>
                <td>
                    <p class="table-tr-td-p" id="discount">商品信息</p>
                </td>
                <td>
                    <p class="table-tr-td-label">商品状态</p>
                </td>
                <td>
                    <p class="table-tr-td-p" id="productSate">商品信息</p>
                </td>
            </tr>
            </tbody>

            <tbody>
            <tr class="table-tbody-tr">
                <td colspan="6">
                    <p class="table-tr-td-label">商品附属图</p>
                </td>
            </tr>
            <tr class="table-tbody-tr-3tr">
                <td rowspan="3">
                    <p class="table-tr-td-label">预览图</p>
                </td>
                <td colspan="5" rowspan="3">
                    <img src="/images/goods-img/java.jpg" width="300px" height="300px" id="mainImage">
                </td>
            </tr>
            </tbody>
            <tbody>
            <tr class="table-tbody-tr">
                <td colspan="6">
                    <p class="table-tr-td-label">商品详情</p>
                </td>
            </tr>
            <tr class="table-tbody-tr-3tr">
                <td rowspan="3">
                    <p class="table-tr-td-label">简介</p>
                </td>
                <td colspan="5" rowspan="3">
                    <p class="table-tr-td-p" id="productDescription">商品信息</p>
                </td>
            </tr>
            </tbody>
        </table>
    </form>

    <div class="layui-row">
        <div class="before-comment-tltle">
            <div class="head"><i class="layui-icon layui-icon-edit"></i>前台评论</div>
        </div>
        <div class="before-comment-content">

        </div>
    </div>

    <div class="layui-row" style="margin-bottom: 200px;">
        <div class="comment-tltle">
            <div class="head"><i class="layui-icon layui-icon-edit"></i>后台评论</div>
            <form class="layui-form">
                <input type="hidden" name="userId" class="layui-input" id="userId">
                <input type="hidden" name="parentId" class="layui-input" id="parentId" value="0">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <img src="/images/goods-img/java.jpg" name="url" id="url" class="layui-circle head-img">
                    </div>
                    <div class="layui-inline">
                        <input class="layui-input" type="text" name="content" id="content" placeholder="请输入发表评论">
                    </div>
                    <div class="layui-inline">
                        <button class="layui-btn" lay-submit lay-filter="sub" id="sub">评论</button>
                    </div>
                </div>
            </form>
        </div>
        <div class="comment-content">

        </div>
    </div>

    <input type="hidden" id="id" name="id" >
</div>
</body>
</html>